<template>
  <div class="page-header">
    <div class="header-left">
      <h1 class="page-title">候选人管理</h1>
      <p class="page-desc">管理所有投递简历的候选人信息</p>
    </div>
    <div class="header-right">
      <slot name="tool"></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

defineOptions({
  name: 'CommonPageHeader'
})
defineProps<{
  title?: string
  remark?: string
}>()

onMounted(() => {

})
defineExpose({})
</script>

<style scoped>
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.page-title {
  font-size: 24px;
  font-weight: 600;
  color: #303133;
  margin: 0 0 4px 0;
}

.page-desc {
  color: #909399;
  margin: 0;
}
</style>
